<template>
  <div id="app">
    <h1>补充</h1>
    <ul>
      <li>
        <router-link to="/props01">01-特性继承</router-link>
      </li>
      <li>
        <router-link to="/attrs02">02-$attrs</router-link>
      </li>
      <li>
        <router-link to="/listeners03">03-$listeners</router-link>
      </li>
      <li>
        <router-link to="/dongtai04">04-动态组件</router-link>
      </li>
      <li>
        <router-link to="/slot05">05-插槽</router-link>
      </li>
      <li>
        <router-link to="/selfcom06"
          >06-自己封装一个组件-以普通组件方式使用</router-link
        >
      </li>
      <li>
        <router-link to="/selfcom07"
          >06-自己封装一个组件-以 js 方式调用</router-link
        >
      </li>
      <li>
        <router-link to="/scopedanddeep07">07-scoped & deep</router-link>
      </li>
      <li>
        <router-link to="/mock08">08-mock</router-link>
      </li>
    </ul>
    <router-view />
  </div>
</template>

<script>
export default {}
</script>

<style lang="less">
.f {
  border: 5px solid yellow;
}
.s {
  border: 5px solid #ccc;
}
.gs {
  border: 5px solid hotpink;
}
</style>
